<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/cinema.css">
    <script src="../js/rem.js"></script>
    <script src="../js/ajax.js"></script>
   
    <script src="../jquery/jquery.min.js"></script>
</head>

<body>
    <div class="box">
        <header>
            <p>影院</p>
        </header>

        <main>
            <div class="box2">
                <div class="address">广州<i></i></div>
                <input type="text" placeholder="找影院">
            </div>

           

            
            <div class="cinema">
                <!-- <div>
                    <div><span>中影天川国际影城(永泰店)</span>
                        <span>19.9元起</span>
                    </div>
                    <div>
                        <span>白云区丛云路945号嘉福商业广场三楼</span>
                        <span>500m</span>
                    </div>
                    <div><span>座</span>
                        <span>退</span>
                        <span>改签</span>
                        <span>小吃</span>
                    </div>
                    <div><span>惠</span>
                        <span>追虎擒龙特惠</span>
                    </div>
                </div> -->
            </div>
            

        </main>

        <footer>
            <a href="./index.html">
                <i></i>
                <span>电影</span>
            </a>
            <a href="./cinema.html">
                <i></i>
                <span>影院</span>
            </a>
            <a href="./my.html">
                <i></i>
                <span>我的</span>
            </a>
        </footer>
    </div>
    <!-- <>
          var cinema = document.querySelector(".cinema");
  pAjax({
      url: "../json/cinemas-1.json",
  }).then((res) => {
      res = JSON.parse(res);
      console.log(res.data.cinemas);
      render(res.data.cinemas);
  })

  function render(data) {
      let str = "";
      data.forEach((item) => {
          // console.log(item.nm);
          str +=  `<div>
          <div>
              <span>${item.nm}</span>
              <span>19.9元起</span>
          </div>
          <div>
              <span>白云区丛云路945号嘉福商业广场三楼</span>
              <span>500m</span>
          </div>
          <div><span>座</span>
              <span>退</span>
              <span>改签</span>
              <span>小吃</span>
          </div>
          <div><span>惠</span>
              <span>追虎擒龙特惠</span>
          </div>
      </div> `
      });
      cinema.innerHTML = str;
  }
    </> --> 
    <script src="../js/cinema.js"></script>
</body>

</html>